import React from 'react';
import styles from './style.css'
import MyIcon from "../../component/Icon/icon";
import Cookie from 'js-cookie'


import Map from 'lodash.map'
import Tloader from 'react-touch-loader';
import MyTabs from "../../component/MyTabs";

class CourseContent extends React.Component {
    constructor(props) {
        super()
        this.state = {
            hasMore: true,
            autoLoadMore: false,
            headStylesTop: 97,
            array: [1],
            user: {
                userImage: ""
            }
        }
    }


    render() {
        return <div className={styles.CourseContent}>
            <div className={styles.h1}>
                Project
                Management
            </div>
            <div className={styles.priceWrapper}>
                <div className={styles.price}>$28.99</div>
            </div>
            <div className={styles.rowWrapper}>
                <div className={styles.row}>
                    <div className={styles.wrapperImage}>
                        <img src="/static/user1.jpg" alt=""/>
                    </div>
                    <div className={styles.title}>
                        Alexander Jean
                    </div>
                    <div className={styles.price}>5.0</div>
                </div>
            </div>

            <div className={styles.row2}>
                <div className={styles.xuhao}>1</div>
                <div className={styles.right}>
                    <div className={styles.title}>Introduction</div>
                    <div className={styles.desc}>About this course and overview</div>
                    <div className={styles.type}>Video</div>
                </div>
            </div>

            <div className={styles.row2}>
                <div className={styles.xuhao}>2</div>
                <div className={styles.right}>
                    <div className={styles.title}>Introduction</div>
                    <div className={styles.desc}>About this course and overview</div>
                    <div className={styles.type}>Video</div>
                </div>
            </div>

            <div className={styles.row2}>
                <div className={styles.xuhao}>3</div>
                <div className={styles.right}>
                    <div className={styles.title}>Introduction</div>
                    <div className={styles.desc}>About this course and overview</div>
                    <div className={styles.type}>Video</div>
                </div>
            </div>
        </div>
    }
}

export default CourseContent